import React, {Component} from "react";
import {
	ScrollView,
	View,
	Text,
	TouchableOpacity,
	StyleSheet,
	Image,
} from "react-native";

import ModalDropdown from 'react-native-modal-dropdown';

import { List, TextareaItem } from 'antd-mobile';

class TextareaItemExample extends React.Component {
  render() {
    return (    
        <List>
          <TextareaItem title="问题描述" labelNumber={7}/>
          <TextareaItem rows={100} labelNumber={7} placeholder="fixed number of lines"/>
        </List>
    );
  }
}

export default class ApplyForReturn extends React.Component{

	static navigationOptions = {
		title:'申请退换货'
	}
	constructor(props) {
		super(props);	
	}

	render(){
		return(
			<ScrollView style={{backgroundColor:gColor.whiteColor}}>
				<View style={styles.rowSty}>
					<Text>商品名称：</Text>
					<Text>L--阿拉伯糖（升级版）</Text>
				</View>
				<View style={styles.rowSty}>
					<Text style={{lineHeight:40}}>商品图片：</Text>
					<Image source={require('../../imgs/L-alabo.png')}
						style={{width:70,height:60}}
					/>
				</View>
				<View style={styles.rowSty}>
					<Text>购买数量：</Text>
					<Text>1</Text>
				</View>
				<View style={styles.rowSty}>
					<Text style={{paddingVertical:8}}>类型：</Text>
					<ModalDropdown options={['换货', ' 退货']} defaultValue="换货" 
						style={{borderWidth:1,borderColor:gColor.borderColors,width:gScreen.width/1.2,marginLeft:'6%',}}
						textStyle={{fontSize:gFontSize.centerText,paddingVertical:8,marginLeft:5}}
						dropdownStyle={{borderWidh:1,width:gScreen.width/1.2}}
						dropdownTextHighlightStyle={{fontSize:gFontSize.centerText}}/>
				</View>
				<View style={styles.rowSty}>
					<Text style={{paddingVertical:8}}>提交数量：</Text>
					<ModalDropdown options={[' 1', ' 2']} defaultValue="1" 
						style={{borderWidth:1,borderColor:gColor.borderColors,width:gScreen.width/1.2}}
						textStyle={{paddingVertical:8,fontSize:gFontSize.centerText,marginLeft:5}}
						dropdownStyle={{borderWidh:1,width:gScreen.width/1.2}}
						dropdownTextHighlightStyle={{fontSize:gFontSize.centerText}}/>
				</View>
				<View style={styles.rowSty}>
					<Text>问题描述：</Text>
		
				</View>

			</ScrollView>
		)
	
	}
}

const styles = StyleSheet.create({
	rowSty: {
		flexDirection:'row',
		padding:15,
		borderBottomWidth:1,
		borderColor:gColor.borderColors,
	}
})